<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="../css/jsdeliverbootstrap.min.css">
<!--  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"-->
<!--        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">-->
  <link rel="stylesheet" href="../css/pet-store-plus.css">

  <link rel="stylesheet" href="/css/staticfilebootstrap.min.css">
<!--  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->

  <script src="/js/chart.js"></script>
<!--  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>-->
  <title>订单管理</title>

</head>
<body>
<div th:replace="seller_commom"></div>
<div class="content" id="content">
  <table class="order_detail_tab" th:fragment="ordertab" >
    <caption></caption>
    <thead>
    <tr>
      <th>orderid:</th>
    </tr>
    <tr>
      <th>订单id</th>
      <th>买家ID</th>
      <th>实际金额</th>
      <th>订单状态</th>
      <th>订单操作</th>
    </tr>
    </thead>
    <tbody id="orderTabBody">
    <tr th:each="data:${orderList}" >
      <td th:text=" ${data.orderid}"></td>
      <td th:text="${data.username}"></td>
      <td th:text="${data.totalprice}"></td>
      <td style="text-align: center; vertical-align: middle;">
        <button class="Button" style="display: inline-block;" onclick="orderDetail(this)">查看详情</button>
        <button class="Button" style="display: inline-block"  th:onclick="deleteOrder([[${data.orderid}]],this);">删除订单</button>
      </td>
    </tr>
    </tbody>
  </table>
</div>
</body>

</html>